<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<input class="browsers" list="browsers">
<datalist id="browsers">browsers
    <option value="清醒">
    <option value="嗜睡">
    <option value="烦躁">
    <option value="昏迷">
</datalist>




    <h2>动态提示的下拉框</h2>
    <hr>
    <form name=newform>
        <table>
            <tr>
                <td>请输入1或2或3或4或5进行测试：
                    <input list="aaa" style="width:100px" size=10  autocomplete="off">
                    <datalist id="aaa" style="width:100px" size=10 >
                        <option value="1">
                        <option value="12">
                        <option value="123">
                        <option value="1234">
                        <option value="2">
                        <option value="23">
                        <option value="234">
                        <option value="2345">
                        <option value="1">
                        <option value="12">
                        <option value="123">
                        <option value="1234">
                        <option value="2">
                        <option value="23">
                        <option value="234">
                        <option value="2345">
                    </datalist>
                </td>
            </tr>
        </table>
    </form>

    <hr>


<input list="bbb" style="width:100px" size=10  autocomplete="off">
<datalist id="bbb" style="width:100px;height:20px;overflow:auto" size=10  >
    <option value="1">
    <option value="12">
    <option value="123">
    <option value="1234">
    <option value="2">
    <option value="23">
    <option value="234">
    <option value="2345">
    <option value="1">
    <option value="12">
    <option value="123">
    <option value="1234">
    <option value="2">
    <option value="23">
    <option value="234">
    <option value="2345">
</datalist>

</body>
</html>